<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>县级地域</title>
    <!-- Bootstrap -->
    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="container">
    <nav th:replace="~{system/sys/sys_topbar::top}"></nav>
    <div class="page-header">
        <h1>地址基本信息管理
            <small>本模块所用地理数据均来自
                <a href="http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2017/index.html" target="_blank" style="text-decoration: none">国家统计局2017年统计用区划代码</a>
            </small>
        </h1>
    </div>
    <ol class="breadcrumb">
        <li><a href="/area_manage">中国</a></li>
        <li><a th:href="@{'/area_manage/cityLevel?parentId='+${CityLevelId}}" th:text="${parentName}">XX省</a></li>
        <li><a th:href="@{'/area_manage/countryLevel?parentId='+${parentId}}" th:text="${name}">XX市</a></li>
    </ol>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>地区编号</th>
            <th>地区级别</th>
            <th>地区名称</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="countryLevel:${countryLevels}">
            <th style="max-width: 20px" th:text="${countryLevel.cityCode}"></th>
            <th style="max-width: 40px" th:if="${countryLevel.cityLevel eq 2}" th:text="省级"></th>
            <th style="max-width: 40px" th:if="${countryLevel.cityLevel eq 3}" th:text="市级"></th>
            <th style="max-width: 40px" th:if="${countryLevel.cityLevel eq 4}" th:text="县级"></th>
            <th th:text="${countryLevel.cityName}"></th>
        </tr>
        </tbody>
    </table>
</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="../jquery-3.3.1.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>